<template>
  <el-form-item label="状态">
    <!-- 这里的v-model用于初始化 -->
    <el-radio-group @change="hChange" v-model="statusNum">
      <el-radio :label="null">全部</el-radio>
      <el-radio :label="0">草稿</el-radio>
      <el-radio :label="1">待审核</el-radio>
      <el-radio :label="2">审核通过</el-radio>
      <el-radio :label="3">审核失败</el-radio>
      <el-radio :label="4">已删除</el-radio>
    </el-radio-group>
  </el-form-item>
</template>

<script>
export default {
  name: 'status',
  // 接收父组件的值 v-model的值
  props: ['value'],
  data () {
    return {
      statusNum: this.value
    }
  },
  methods: {
    hChange (val) {
      // 选项改变时, 向父组件传值
      this.$emit('input', val)

      // ???这两个值为什么不一样
      // console.log(this.statusNum)
      // console.log(this.value)
    }
  }
}
</script>

<style>

</style>
